/*
Theme Name: Zestedecouleurs.fr
Theme : www.zestedecouleurs.fr
Auteur : Emilie
Description: Theme Wordpress par www.zestedecouleurs.fr
Version: 1.0
*/



.latestimg {
opacity:0.7;
width:60px;
height:60px;
border:3px solid #f7f7f7;
margin:6px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}

.latestimg:hover {
opacity:1;
width:60px;
height:60px;
border:3px solid #f7f7f7;
margin:6px;}

.affi_text {text-align: center;
font-size: 14px;
width:200px;
height:auto;
line-height: 14px;
padding: 4px 6px 4px 6px;
color: #999999;
border: 1px solid #e9e9e9;
margin: 5px;}

.project-links {
display: block;
margin: 5px 0 15px;
padding: 0;
color: #ffffff;
text-align: center;
text-transform: uppercase;
width: auto;}

.project-links i {
color: #ffffff;}

.project-links a {
display: inline-block;
margin: 0;
padding: 3px 0;
width: 32.5%;
background: #bd7180;
color: #ffffff;}

.project-links a:hover{
color: #ffffff;
background: #bd7180;}

.quote {
margin: 10px 0;
padding: 10px 20px;
text-align: justify;
background: #fff;
color: #797979;
border: 1px solid #E1E1E1;}


/* General
-------------------------------------------------------------- */

u {color:#999999;
text-decoration:none;
border-bottom:2px solid #bd7180;}

strong, b { 
font-size:12px;
text-transform: uppercase;
color:#bd7180;}

em, i { 
color:#9ba756;}

body {
font-family: 'Trirong', serif;
font-size: 13px;
font-weight: 300;
line-height: 22px;
color:#999999;
background: #f4f4f4;}

h1,h2,h3,h4,h5,h6,
p,blockquote,form {
margin: 23px 0;
color:#999999;}

h1,h2,h3,h4,h5,h6 {
font-family: 'Trirong', serif;
font-size: 13px;
font-weight: 300;
line-height: 22px;
color:#999999;}

a {text-decoration: none;
color: #dd9f5a;}

blockquote {
text-align:justify;
padding: 1px 20px;
border-left: 7px solid #bd7180;
background: #fafafa;}

hr {
height: 1px;
color: #e9e9e9;
border: 0;
background-color: #e9e9e9;}

input,textarea,select {
max-width: 100%;
padding: 5px;
border: 1px solid #ccc;
background: #fff;}

button,
input[type='reset'],
input[type='submit'],
input[type='button'] {
font: 11px/20px 'Oswald',Arial,sans-serif;
padding: 5px 15px 3px 15px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
text-transform: uppercase;
color: #4b5252;
border: 0;
border-bottom: 2px solid #d4697f;
background: #ebebeb;}

button:hover,
input[type='reset']:hover,
input[type='submit']:hover,
input[type='button']:hover {
background: #ebebeb;}



/* En tete du site
-------------------------------------------------------------- */
.menu_hautsite {
width:100%;
background-color: #f7f7f7;
border-bottom:1px solid #eaeaea;}

.bulle_menu a {
text-transform: Uppercase; 
font-family: Playfair Display; 
letter-spacing: 1px; 
font-weight: 600; 
color: #ffFFff; 
font-size: 12px;
padding-bottom: 2px;}

.bulle_menugal a {
text-transform: Uppercase; 
font-family: Playfair Display; 
letter-spacing: 1px; 
font-weight: 600; 
color: #ffFFff; 
font-size: 12px;
border-bottom:3px solid #ffFFff;}

.menu_bis {
margin-top:-8px;
color: #ffFFff; 
letter-spacing: 6px; 
font-family: playfair display; 
font-size: 11px; 
font-style: italic;}

.bulle_menu {
padding-top: 20px;
display:inline-block;
background: url(images/menu1.png) no-repeat;
height: 96px;
width: 100px;
margin-right:50px;
margin-top:10px;
margin-bottom:10px;
opacity:0.9;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}

.bulle_menu:hover {
padding-top: 20px;
display:inline-block;
background: url(images/menu2.png) no-repeat;
height: 96px;
width: 100px;
margin-right:50px;
margin-top:10px;
margin-bottom:10px;
opacity:0.9;}

.bulle_menugal {
padding-top: 20px;
display:inline-block;
background: url(images/menugal.png) no-repeat;
height: 96px;
width: 100px;
margin-right:50px;
margin-top:10px;
margin-bottom:10px;
opacity:0.9;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}

.bulle_menugal:hover {
padding-top: 20px;
display:inline-block;
background: url(images/menu2.png) no-repeat;
height: 96px;
width: 100px;
margin-right:50px;
margin-top:10px;
margin-bottom:10px;
opacity:0.9}

#photohautsite {
background: url(images/photohautsite.png) no-repeat;
height: 60px;
width: 330px;}

.titre_site {
padding-bottom: 10px;
text-transform: Uppercase; 
font-family: Playfair Display; 
letter-spacing: 1px; 
font-weight: 600; 
color: #999999; 
font-size: 18px;}

.fond_ini {
width:145px;
height:170px;
background-color:#e5b780;	
border-top:6px solid #dd9f5a;}

.text_ini {
font-family: 'Playfair Display',serif;
font-size: 50px;
font-weight: 600;
vertical-align: middle;
color:#ffFFff;
text-transform: Uppercase; 
letter-spacing: 1px;
margin-top:60px;}

.slogan {
font-weight: bold; 
font-size: 12px; 
letter-spacing: 1px; 
font-family: playfair display;
text-transform: uppercase;
color:#999999;
background-color:#fafafa;
margin-top:-20px;
width:350px;}

.welcome {
padding-top:5px;
height:120px;
overflow:auto;
text-align: justify;
font-family: 'Trirong', serif;
font-size: 13px;
font-weight: 300;
line-height: 22px;
color:#999999;}

#header {
background: url(images/header.png) no-repeat;
height: 480px;
width: 1510px;}

#last_pict {
background: url(images/lastpictures.png) no-repeat;
height: 100px;
width: 1100px;}

#more .camera { width:18px;height:18px;padding:4px;background-color:#9ba756;border-radius:50px;font-size:18px;color:#ffFFff; }
#more .info { padding: 10px; background: #f2f2f2; color: #000; letter-spacing: 6px; font-family: playfair display; font-size: 13px;}
#more { margin-top:8px; width: 660px; padding-bottom: 10px; }
#more a { margin-left:15px;background: #dd9f5a; font-weight: bold; font-size: 11px; letter-spacing: 1px; font-family: playfair display; padding: 10px; color: #ffFFff; text-transform: uppercase; }
#more i { padding-left: 5px;}

#sidebarimg {
background: url(images/sidebarimg.png) no-repeat;
height: 55px;
width: 300px;}

#imgnews {
background: url(https://adoringmargotrobbie.com/wp-content/themes/theme%20zdc%2018/images/imgnews.png) no-repeat;
height: 13px;
width: 709px;
margin-bottom:4px;}

#oiseaux {
background: url(https://adoringmargotrobbie.com/wp-content/themes/theme%20zdc%2018/images/oiseaux.png) no-repeat;
height: 30px;
width: 122px;}






/* Structure
------------------------------------------------------------- */

#wrapper {
	max-width: 1100px;
	background-color:#fafafa;
	margin: 0 auto;
	padding: 0;}



/* Content
-------------------------------------------------------------- */

#content {
	float: right;
	width: 770px;
	margin: 0 0 0 0px;}



/* 6.0 Sidebar
-------------------------------------------------------------- */

#sidebar {
font-family: 'Trirong', serif;
font-size: 13px;
font-weight: 300;
line-height: 22px;
color:#999999;
float: right;
width: 330px;
height:auto;
margin: 0 0 0 0;
background-color: #fafafa;}

#sidebar h1,#sidebar h2,#sidebar h3,
#sidebar h4,#sidebar h5,#sidebar h6,
#sidebar p,#sidebar blockquote,
#sidebar hr,#sidebar form {
margin: 19px 0;}

#sidebar blockquote {
padding: 8px;
border-left: 7px solid #bd7180;
background: #fafafa;}

.side2 {
width:330px;
background-color:#ffFFff;}

.side-content {
width:300px;
font-family: 'Trirong', serif;
font-size: 13px;
font-weight: 300;
line-height: 22px;
color:#999999;
text-align:justify;
padding-bottom:10px;
padding-top:10px;}

.side-content img {
margin: 3px;
padding: 4px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
vertical-align: middle;
background: #ffFFff;
border:2px solid #f7f7f7;}

.side-content img:hover {
border:2px solid #bd7180;}
	
.side-title {
padding-left:8px;
padding-right:8px;
width:180px;
margin-top:-31px;
background-color: #ffFFff;
font-weight: bold; 
font-size: 12px; 
letter-spacing: 1px; 
font-family: playfair display;
color: #dd9f5a; 
text-transform: uppercase;
border-bottom:3px solid #9ba756;}

.sideb {
line-height: 15px;
display: inline-block;
padding: 2px 12px 2px 12px;
background-color: #636262;
color: #ffFFff;}

.side .border {
margin-top: -12px;
border-bottom: 2px solid #636262;}




/* 5.1 Posts
-------------------------------------------------------------- */

#sidebar2 {
margin-top:0px;}

.ycontenu {margin-left:0px;
background-color:#ffFFff;
width:760px;}

.fond_date {
border-top:6px solid #dd9f5a;
text-align: center;
background-color: #bd7180;
padding:4px;
width:60px
height:60px;}

.titrecontenu a {
margin-left:20px;
text-transform: Uppercase; 
font-family: Playfair Display; 
letter-spacing: 1px; 
font-weight: 600; 
color: #dd9f5a; 
font-size: 18px;
background-color: #ffFFff;
padding-right:8px;}

.auteur_news {
padding-left:20px;
color:#999999;
letter-spacing: 6px; 
font-family: playfair display; 
font-size: 11px; 
font-style: italic;}

.auteur {
border-bottom:3px solid #bd7180;}

.cadrenews {
text-align:justify;
font-family: 'Trirong', serif;
font-size: 13px;
font-weight: 300;
line-height: 22px;
color:#999999;
padding:20px;}

.cadrenews img {
margin: 3px;
padding: 4px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
vertical-align: middle;
background: #ffFFff;
border:2px solid #f7f7f7;}

.cadrenews img:hover {
border:2px solid #bd7180;}

.date { 
text-align: center;
padding-bottom:6px;}

.day { 
font-family: Playfair Display; 
font-size: 30px; 
font-weight: 900; 
color: #ffFFff; }

.space { 
margin-top: 4px; 
margin-bottom: 3px; 
border-bottom: 1px solid #ffFFff; }

.month {
letter-spacing: 2px; 
text-transform: uppercase; 
color: #ffFFff; 
font-size: 10px;
line-height: 9px;}
	



/* 7.0 Footer
-------------------------------------------------------------- */

#footer {
width:100%;
background-color: #f7f7f7;
border-top:1px solid #eaeaea;
padding-bottom:30px;
font-size: 12px; 
letter-spacing: 1px; 
font-family: playfair display;
color: #ffFFff; 
text-transform: uppercase;
color:#999999;
text-align:center;}

#footer a {
font-size: 12px; 
letter-spacing: 1px; 
font-family: playfair display;
color: #ffFFff; 
text-transform: uppercase;
color: #dd9f5a;}

#footer i {
color: #bd7180;}

.adress_footer {
padding-left:8px;
padding-right:8px;
width:400px;
margin-top:-12px;
background-color: #d1a154;
font-weight: bold; 
font-size: 12px; 
letter-spacing: 1px; 
font-family: playfair display;
color: #ffFFff; 
text-transform: uppercase;}











/* 5.7 Attachments

-------------------------------------------------------------- */



div.attachment {

	margin: 0 0 46px 0;

	padding: 0 0 1px 0;

	border-bottom: 3px solid #d7d7d7;

	background: #fff;}







/* 5.9 Comments

-------------------------------------------------------------- */



#comments {

	padding: 20px 20px 1px 20px;}



.comments-title {

	font: 400 18px 'Dosis', sans-serif;

	display: table;

	margin: 0 0 23px 0;

	padding: 0 0 3px 0;

	color: #868997;}



.comment-list {

	margin: 0;

	padding: 0;

	list-style: none;}



.comment {

	margin: 23px 0;}



.comment-body {

	border-bottom: 1px solid #868997;}



.comment-meta {

	font-size: 10px;

	line-height: 18px;

	text-transform: uppercase;}



.comment-author .fn {

	font: 15px 'Dosis', sans-serif;

	font-style: normal;}



.comment-author .avatar {

	float: left;

	margin: 0 10px 0 0;

	border-radius: 100%;}



.com-nav {

	font-family: 'Dosis', sans-serif;

	margin: 23px 0;}



/* 5.9 Respond

-------------------------------------------------------------- */



.comment-reply-title {

font-family:'Dosis', sans-serif;

	font-size: 18px;

	display: table;

	margin: 0 0 23px 0;

	padding: 0 0 3px 0;

	color: #868997;}



.comment-form label {

	display: block;}



.comment-form input[type='text'] {

	min-width: 50%;}



.comment-form textarea {

	width: 80%;}



.form-allowed-tags {

	display: none;}

	

	



/* 8.0 Pagination

-------------------------------------------------------------- */



.pagination {

	font: 15px/26px 'Fira Sans', sans-serif;

letter-spacing : 1px;

text-transform : lowercase ;

color: #f5f5f5;

	margin: 23px 25px;}





/* 9.0 WP Core
-------------------------------------------------------------- */


/* Sidebar WP Core */

#sidebar .wp-caption img {
    margin: 0;
    padding: 0;}

#sidebar .wp-caption-text {
    margin: 0;}

#sidebar .wp-smiley {
    margin: 0;
    padding: 0;}

#sidebar .wp-smiley:hover {
    border: 0;}
    

.alignleft {

	float: left;}



.alignright {

	float: right;}



.aligncenter {

	display: block;

	margin-right: auto;

	margin-left: auto;

	text-align: center;}



.wp-caption {

	max-width: 100%;



	padding: 5px 0;



	text-align: center;



	border: 1px solid #ccc;



	background: #fff;



}







.wp-caption img {



	margin: 0;



	padding: 0;



	border: 0;



	background: none;



}







.wp-caption-text {



	font-size: 11px;



	line-height: 1.5;



	margin: 0;



}







img.alignleft,



.wp-caption.alignleft {



	margin: 3px 10px 10px 0;



}







img.alignright,



.wp-caption.alignright {



	margin: 3px 0 10px 10px;



}







img.aligncenter,



.wp-caption.aligncenter {



	margin-top: 3px;



	margin-bottom: 3px;



}







.gallery-caption {



	font-size: 11px;



	line-height: 1.5;



	margin: 0;



	padding: 0;



}







.sticky {}



.bypostauthor {}







.size-auto,



.size-full,



.size-large,



.size-medium,



.size-thumbnail,



img {



	max-width: 100%;



	height: auto;



}







embed,iframe,object,video {



	max-width: 100%;



}







.wp-smiley {



	margin: 0;



	padding: 0;



	vertical-align: top;



	border: 0;



	background: none;



}







.clear {



	clear: both;



}